<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		/*案例一：
		 * 改变表格颜色，奇数行为一个颜色.偶数行为一个颜色
		 1.创建页面加载事件，让页面加载完毕，再执行代码
		 2.获取所有索引大于1的偶数tr，设置背景色为xxx
		 3.获取所有索引大于1的奇数tr,设置背景色为yyy
		 
		 
		 */
		<script>
//			 1.创建页面加载事件，让页面加载完毕，再执行代码
				$(function(){
//					2.获取所有索引大于1的偶数tr，设置背景色为xxx
					$("tr:gt(1):even").css("background-color","pink");
//					3.获取所有索引大于1的奇数tr,设置背景色为yyy
					$("tr:gt(1):odd").css("background-color","green");
				})
		</script>
		/*
		 * 案例二：
		 全选不选案例分析
		 1.创建页面加载事件
		 2.获取id为selectAll的全选事件复选框对象
		 3.给全选复选框添加点击事件
		 4.在鼠标点击事件的响应函数中，获取除了全选之外的其他复选框，设置他的选择状态和全选一致
		 */
		<script>
//			 1.创建页面加载事件
			$(function(){
//				 2.获取id为selectAll的全选事件复选框对象
				var $selectAll = $("#selectAll");
//				3.给全选复选框添加点击事件
				$selectAll.click(function(){
//				 4.在鼠标点击事件的响应函数中，获取除了全选之外的其他复选框，设置他的选择状态和全选一致	
					$(".itemSelect").prop("checked",$selectAll.prop("selecked"));
				})
			});
		</script>
	</body>
</html>
